html{
font-family:"Tahoma",Times, serif;
width:100%;
height:100%;
background-color:#ccc;
}

body{
  width:1000px;
  margin:auto;
  background-color:white;
  height:100%;
  padding-left:20px;
  padding-right:20px;
}
body > div.top{
  height:5%;
  border-bottom:solid 4px #ccc;
  margin-bottom:-4px;
}

.right_opcs{
	float:right;
}

.Original{
}

.Traducido{
 color:red;
}

.Pendiente{
 color:blue;
}

.Revisado{
 color:green;
}

body > div.mid{
  height:90%;
}

body > div.mid > div.visor_izq{
  width:70%;
  float:left;
  text-align:justify;
  height:100%;
}

body > div.mid > div.visor_izq > div.visor_header{
  padding-top:5px;
  margin-bottom:-5px;
  height:13%;
}

body > div.mid > div.visor_izq > div.visor_header > h1{
  font-size:1em;
}
body > div.mid >div.visor_izq > div.visor_header > div.menu{
}
body > div.mid >div.visor_izq > div.visor_header > div.menu > span.menu{
  margin-right:10px;
  padding-right:3px;
  padding-left:3px;
  border-bottom: solid 1px #ccc;
}

body > div.mid > div.visor_izq > div.visor_header > div.menu > span.menu:hover{
  border:solid 1 px #ccc;
}

body > div.mid >div.visor_izq > div.visor_header > div.menu > span.menu > div.submenu{
	display:none;
}

body > div.mid > div.visor_izq > div.visor_contenido{
 height:87%;
  overflow-y:scroll; 
}

body > div.mid > div.visor_izq > div.visor_original{
	display:none;
	overflow-y:scroll;
	height:87%;
}

body > div.mid > div.visor_drc{
  width:30%;
  height:100%;
  float:right;
  border-left:solid 1px #ccc;
  margin-left:-1px;
}
body > div.mid > div.visor_drc {
	/*:150px;*/
	overflow-y:scroll;
}

body > div.mid > div.visor_drc > div.plugin > div.pl_title{
   color:white;
   background-color:black;
   width:100%;
   height:30px;
   cursor:pointer;
}

body > div.bottom{
  border-top:solid 4px #ccc;
  margin-top:-4px;
  height:5%;
}
